@import '../../ui/base'

.center
  display flex
  justify-content space-between
  align-items center

.root
  display flex
  background-color #fff
  border 1px solid #cfcfcf
  flex-direction column
  padding 0 10px
  border-radius 3px
  transition border-color .2s
  position relative
  &.active
    .handle
      display flex
  &.showPicUploader
  &.colored
    border-color #568ae3
  .frame
    flex 1
    border none
    outline none
    border-radius 3px
    &:focus
      outline none
  &.textarea
    &.active
      .frame
        height 44px
    .frame
      margin 11px 0
      resize none
      overflow auto
      height 16px
    .addons
      ul
        width 74px
        li
          i
            font-size 20px
						cursor pointer
		.btn
			span
				padding 6px 23px
  &.input
    font-size 12px
    border-color $border-color
		&.colored 
      border-color #568ae3
    .frame
      height 30px
    .addons
      li+li
        margin-left 5px
    [data-role="ui-iconfont"]
      font-size 18px
  .handle
    height 35px
    @extend .center
    display none
    ul
      list-style none
      margin 0
      padding 0
      @extend .center
      i
        color #79b9ff
        transition color .2s
      li
        position relative
        input
          position absolute
          width 24px
          height 24px
          top 0px
          left 0 
          opacity 0
          z-index -1
        &:hover
          i
            color rgb(54, 164, 255)
